{if $category.image}
<div class='catImage'>
	<img src='{thumbnail width=291 height=221}{$category.image}{/thumbnail}' alt="{$category.name|escape}" title='{$category.name|escape}' />
</div>
{/if}

<h1>{$category.name}</h1>

<p>{$category.descr}</p>

<div class="products-holder">
	<ul class="products">
		{foreach $childrenCats as $child}
			<li>
				<a href="{$child.path}">
					<div class="img-box">
					{if $child.image}
						<img src="{thumbnail width=200 height=150}{$child.image}{/thumbnail}" alt='{$child.name|escape}' title='{$child.name|escape}' />
					{/if}
					</div>
				</a>
				<strong><a href="{$child.path}">{$child.name}</a></strong>
			</li>
		{/foreach}
	</ul>
</div>

<div class="products-holder products2">
	<ul class="products">
	{foreach $products as $product}
		<li>
			{include 'components/product.tpl' product=$product}
		</li>
	{/foreach}
	</ul>
</div>

{if $video}
<div class='round-corners' style='text-align:center; background-color: #f1f1f1; padding:20px;'>
	{$video}
</div>
{/if}